<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="renderer" content="webkit" />
    <title>创建圈子_${site.siteName!}</title>
    <meta name="keywords" content="${site.keywords!}" />
    <meta name="description" content="${site.description!}"  />
    <link href="/default/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/icon.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/common.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/link.css" rel="stylesheet" type="text/css" />
    <link href="/vendors/bootstrapTagsinput/bootstrap-tagsinput.css" rel="stylesheet" type="text/css" />
    <script src="/default/js/jquery.min.js"></script>
    <script src="/vendors/layer/layer.js" type="text/javascript"></script>
    <script src="/vendors/bootstrap/js/bootstrap-fileinput.js"></script>
    <script src="/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendors/bootstrapTagsinput/bootstrap-tagsinput.min.js"></script>
    <script src="/default/js/modules/common.js" ></script>
    <script src="/default/js/modules/group.js" ></script>
    <style>
        .w-e-text-container{
            border: 1px solid #ccc;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        }
        .w-e-toolbar{
            border: 1px solid #ccc;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        }
    </style>
</head>
<noscript unselectable="on" id="noscript">
    <div class="aw-404 aw-404-wrap container">
        <img src="/default/common/no-js.jpg">
        <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p>
    </div>
</noscript><body>
[#include "pc/default/common/header.html"/]
<div class="aw-container-wrap">
    <div class="container aw-publish aw-publish-article">
        <div class="row">
            <div class="aw-content-wrap clearfix">
                <div class="col-sm-12 col-md-9 aw-main-content">
                    <!-- tab 切换 -->
                    <ul class="nav nav-tabs aw-nav-tabs active">
                        <h2 class="hidden-xs"><i class="icon icon-ask"></i> 创建</h2>
                    </ul>
                    <!-- end tab 切换 -->
                    <form action="/user/group/create" enctype="multipart/form-data" method="post" id="group_form" onsubmit="return false;">
                        <div class="aw-mod aw-mod-publish">
                            <div class="mod-body">
                                <h3><em style="color: red;">*</em>圈子名称:</h3>
                                <!-- 文章标题 -->
                                <div class="aw-publish-title">
                                    <input style="width: 78%" type="text" name="groupName" id="groupName" value="" class="form-control">
                                    <div class="dropdown category">
                                        <select name="columnId" id="columnId" class="form-control">
                                            <option value="0">默认分类</option>
                                            [@fly_topic method="classify" groupId=group.id!]
                                            [#list classify as list]
                                            <option value="${list.id}"[#if topic??][#if list.id==topic.columnId] selected = "selected"[/#if][/#if]>${list.columnName!}</option>
                                            [/#list]
                                            [/@fly_topic]
                                        </select>
                                    </div>
                                </div>
                                <!-- end 文章标题 -->
                                <h3><em style="color: red;">*</em>slug:</h3>
                                <!-- 文章标题 -->
                                <div class="aw-publish-title">
                                    <input style="width: 100%" type="text" name="shortUrl" id="shortUrl" value="" class="form-control" placeholder="固定链接会显示在网址上...">
                                </div>
                                <!-- end 文章标题 -->
                                <h3>圈子LOGO:</h3>
                                <div class="side-bar">
                                    <dl>
                                        <dt class="pull-left">
                                            <img class="aw-border-radius-5" src="/default/css/img/default-cover.jpg" id="logo_img" style="height: 100px;width: 100px;">
                                        </dt>
                                        <dd class="pull-left">
                                            <h5>图片要求</h5>
                                            <p>支持 jpg、gif、png 等格式的图片 建议图片尺寸为180*180</p>
                                            <a class="btn btn-mini btn-success" id="uploadImage" href="javascript:;">上传LOGO</a>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="clearfix"></div>
                                <h3>圈子描述:</h3>
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <textarea class="form-control" id="groupDesc" name="groupDesc" rows="3" placeholder="您创建的圈子价绍..."></textarea>
                                    </div>
                                    <h3>添加标签:</h3>
                                    <div class="aw-topic-bar active" data-type="publish">
                                        <div class="tag-bar clearfix" style="display: block;">
                                            <input type="text" name="labelList" class="form-control" value="${topic.labelList!}" id="tagsinput">
                                            <p class="text-color-999">添加相关标签，回车确定 (最多5个)</p>
                                        </div>
                                    </div>
                                    <h3>评论:</h3>
                                    <div class="aw-topic-bar active">
                                        <input type="radio" checked="select" name="iscomment" id="iscomment" value="0" [#if topic.iscomment = "0"] checked[/#if] />允许 <input type="radio" name="iscomment" value="1" [#if topic.iscomment = "1"] checked[/#if] />不允许
                                    </div>
                                    <h3>回复可读:</h3>
                                    <div class="aw-topic-bar active">
                                        <input type="radio" checked="select" name="iscommentshow" id="iscommentshow" value="0" [#if topic.iscommentshow = "0"] checked[/#if]/>不需要 <input type="radio" name="iscommentshow" value="1" [#if topic.iscommentshow = "1"] checked[/#if]/>需要
                                    </div>
                                    <h3>进入密码:</h3>
                                    <div class="aw-topic-bar active">
                                        <input class="form-control" type="text" name="score" id="score" value="[#if topic.password??]${topic.password!}[/#if]" style="width: 100px;float: left;margin-top: -5px;margin-right: 10px;"/>
                                    </div>
                                </div>

                                <div class="mod-footer clearfix">
                                    <a class="btn btn-large btn-success btn-publish-submit"  id="[#if topic??]update-submit[#else]comm-submit[/#if]">确认发布</a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 侧边栏 -->
                <div class="col-sm-12 col-md-3 aw-side-bar hidden-xs">
                    <!-- 文章发起指南 -->
                    <div class="aw-mod publish-help">
                        <div class="mod-head">
                            <h3>文章发起指南</h3>
                        </div>
                        <div class="mod-body">
                            <p><b>• 文章标题:</b> 请用准确的语言描述您发布的文章思想</p>
                            <p><b>• 文章补充:</b> 详细补充您的文章内容, 并提供一些相关的素材以供参与者更多的了解您所要文章的主题思想</p>
                            <p><b>• 选择话题:</b> 选择一个或者多个合适的话题, 让您发布的文章得到更多有相同兴趣的人参与. 所有人可以在您发布文章之后添加和编辑该文章所属的话题                            </p>
                        </div>
                    </div>
                    <!-- end 文章发起指南 -->
                </div>
                <!-- end 侧边栏 -->
            </div>
        </div>
    </div>
</div>

[#include "pc/default/common/footer.html"/]
</body>
</html>